<script setup lang="ts">
import { useRouter } from "vue-router";
const router = useRouter();

type Props = {
  path?: string;
  ups?: string;
  nexts?: string;
};
let prop = withDefaults(defineProps<Props>(), {
  path: "/",
  ups: "首页",
  nexts: "中心",
});
</script>

<template>
  <div class="headers">
    <span
      >&#xe600;&nbsp;当前位置 :
      <span class="s2" @click="router.push({ path })">{{ ups }}</span> >
      {{ nexts }}
    </span>
  </div>
</template>

<style scoped lang="scss">
.headers {
  width: 1000px;
  height: 90px;
  color: #fff;
  padding-top: 45px;
  background: transparent url("@/assets/logo.webp") no-repeat scroll;
  background-size: 322px 62px;
  display: flex;
  align-items: flex-end;
}
.s2 {
  cursor: pointer;
}
</style>
